import Vue from 'vue'
import VueRouter from 'vue-router'
import Login from "../components/Login.vue"
import Home from "../components/Home.vue"
import welCome from "../components/welCome.vue"
import Users from "../components/user/Users.vue"
import Rights from "../components/power/Rights.vue"
import Roles from "../components/power/Roles.vue"
import Cate from "../components/goods/Cate.vue"
import Params from "../components/goods/Params.vue"
import goodsList from "../components/goods/List.vue"
import Add from "../components/goods/Add.vue"
import Order from "../components/order/Order.vue"
import Report from "../components/report/Report.vue"

Vue.use(VueRouter)

const routes = [
   {
	 path:"/",
	 redirect:"/login"
   },
   {
	   path:"/login",
	   component:Login
   },
   {
	   path:"/home",
	   component:Home,
	   redirect:"/welcome",
	   children:[
		   {
			   path:"/welcome",
			   component:welCome
		   },
		   {
			   path:"/users",
			   component:Users
		   },
		   {
			   path:"/rights",
			   component:Rights
       },
       {
         path:"/roles",
         component:Roles
       },
       {
         path:"/categories",
         component:Cate
       },
       {
         path:"/params",
         component:Params
       },
       {
         path:"/goods",
         component:goodsList
       },
       {
         path:"/goods/add",
         component:Add
       },
       {
         path:"/orders",
         component:Order
       },
       {
         path:"/reports",
         component:Report
       }
	   ]
   }
]

const router = new VueRouter({
  mode: 'history',
  routes
})

//挂载路由导航守卫
router.beforeEach((to,from,next)=>{
	// to 将要访问的路径
	// from 代表从哪个路径跳转而来
	// next是一个函数，表示放行
	// next() 放行 next("/login")强制跳转到某路径
	
	if(to.path==="/login") return next();//如果访问的是login页面，那就直接放行
	//获取token
	const tokenStr=window.sessionStorage.getItem("token");
	if(!tokenStr) return next("/login");//不存在token就跳转到login页面
	next();//存在token就直接放行
	
})

export default router
